<template>
  <div id="order">
    <router-view></router-view>


      <OrderListContentView
        status="1"
        isMaster="false"
        v-show="active === '待分配'"
      ></OrderListContentView>
      <OrderListContentView
        status="2"
        isMaster="false"
        v-show="active === '处理中'"
      ></OrderListContentView>
      <OrderListContentView
        status="3"
        isMaster="false"
        v-show="active === '待付款'"
      ></OrderListContentView>
      <OrderListContentView
        status="4"
        isMaster="false"
        v-show="active === '待评价'"
      ></OrderListContentView>
    <OrderListContentView
            status="0"
            isMaster="false"
            v-show="active === '全部'"
    ></OrderListContentView>
<div class="vantabs-fixed">
  <van-tabs
          @click="onClick"
          :swipe-threshold=5
          id="van-tabs"
          color="#121C32"
          line-width="1.333rem"
          v-model="active"
  >
    <van-tab title="待分配" name="待分配"></van-tab>
    <van-tab title="处理中" name="处理中"></van-tab>
    <van-tab title="待付款" name="待付款"></van-tab>
    <van-tab title="待评价" name="待评价"></van-tab>
    <van-tab title="全部" name="全部"></van-tab>

  </van-tabs>
</div>


  </div>
</template>

<script>
import OrderListContentView from "./components/OrderListContentView";
export default {
  name: "Order",
  data() {
    return {
      active: "待分配",
      isRepairer: this.$route.params.isRepairer
    };
  },
  methods: {
    onClick(name, title) {
      // this.requestData();
    }
  },
  components: {
    // OrderListDetailItem,
    OrderListContentView
  }
};
</script>

<style scoped>
#order {
  width: 100%;
  height: 100%;
  background-color: #f6f8fb;

}
.vantabs-fixed{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

#van-tabs >>> .van-tab {
  color: #7a8491;
  font-family: "PingFangSC-Regular";
  font-size: 0.9333333333333333rem;
}

#van-tabs >>> .van-tab--active {
  color: #020433;
  font-family: "PingFangSC-Medium";
  font-size: 0.9333333333333333rem;

}

</style>
